@font-face{font-style:normal;font-family:Bebas Neue;src:url(../fonts/BebasNeue.ttf);}
body{font-family:Microsoft Ya Hei;}
.over{overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.trans{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.imgZoom img{-webkit-transition:all .4s;transition:all .4s;}
.imgZoom img:hover{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.hoverBtn{cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.hoverBtn:hover{background-color:#1d46f3!important;color:#fff!important;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellip2{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.auto-container{margin-right:auto;margin-left:auto;width:80%;}
.top-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;background:#666;opacity:.8;}
.site-head{position:absolute;top:0;z-index: 99;width:100%;}
.site-head .site-top{text-align:right;line-height:50px;background-color: #fff;}
.site-head .site-top .fl span{display: inline-block;font-size: 18px;border-radius: 30px 0 30px 0;line-height:38px}
.site-head .site-top .t-bg{color: #ffffff;background: url(../image/top-lbg.png) no-repeat center/cover;padding: 0 12px;}
.site-head .site-top .text{color: #666;}
.site-head .site-top .top-tel{font-size: 16px;color: #666666;height: 50px;}
.site-head .site-top .top-tel img{}
.site-head .site-top .top-tel b{display: inline-block;vertical-align: middle;font-size: 26px;color: #0364e7;font-family: "Bebas Neue";font-weight: normal;}
.site-nav{z-index:50;width:100%;border-top: 1px solid #eee;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;background-color: #fff;}
.head{position:relative;}
.head .logo{position:relative;z-index:10;float:left;margin-top:15px;}
.head .logo a{display:block;}
.head .slogan{margin-left: 10px;float:left;width: 400px;font-size: 20px;line-height: 100px;color: #0364e7;font-weight: bold;}
.head .navBar{float:right;opacity:1;transition:all .5s;transform-origin:left center;}
.head .nav li{position:relative;display:inline-block;margin: 0;vertical-align:top;line-height: 100px;}
.head .nav li .stair{position:relative;}
.head .nav li.active .stair>a{color: #fff;background: #0364e7;}
/*.head .nav li.active .sub{display:block;}*/
.head .nav li:hover .stair>a{color: #fff;background: #0364e7;}
.head .nav li .a{display:block;text-transform:uppercase;font-size: 16px;line-height: 100px;color: #555;min-width: 102px;text-align: center;}
.head .nav li .a .mobile-navbtn{position:absolute;top:10px;right:0;margin:auto;width:20px;height:20px;font-size:20px;transition:.3s;}
.head .nav li .a .mobile-navbtn.open{transform:rotate(90deg);}
.head .nav li .a .mobile-navbtn::before{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10px;height:10px;border-right:2px solid #555;border-bottom:2px solid #555;content:'';transform:rotate(45deg);}
.head .lang{float: right;color: #777;min-width: 100px;text-align: center;position: relative;}
.head .lang .top{line-height: 100px;cursor: pointer;}
.head .lang .down{
	display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
}
.head .lang .down ul{}
.head .lang .down ul li{}
.head .lang .down ul li a{
	border-top: 1px #ccc solid;
    display: block;
    line-height: 40px;
    color: #777;
}
.head .lang .down ul li:hover a{color: #0364e7;}
.head .top_search{position:relative;float:right;padding-left:10px;line-height: 100px;cursor:pointer;}
.head .top_search img{vertical-align:middle;}
.head .top_search .search_con2{position:absolute;top: 24px;right:22px;z-index:100;width:500px;height:50px;opacity:0;opacity:1;transition:all .5s;transform:scale3d(0,0,0);transform-origin:right center;background: #fff;}
.head .top_search .search_con2 .search-input{float:left;overflow:hidden;padding-left:20px;width:380px;height:48px;border:1px solid #d4d4d4;border-radius:5px;background:#fff;font-size:16px;line-height:48px;}
.head .top_search .search_con2 .input1{float:left;width:calc(100% - 57px);height:48px;outline:0;border:0;background:0 0;color:#666;font-size:16px;line-height:48px;}
.head .top_search .search_con2 .bnts{float:right;margin-right:1px;width:56px;height:48px;outline:0;border:none;background:url(../image/head_pic3.png) center center no-repeat;cursor:pointer;}
.head .top_search .search_con2 .moblie-search-close{position:absolute;top:15px;right:15px;width:20px;height:20px;background:url(../image/c10.png) center center no-repeat;}
.sub{position:absolute;top:100%;left:0;}
.sub .arr{position:absolute;top:-12px;left:28px;display:none;width:0;height:0;border:0 solid transparent;border-left-width:8px;border-right-width:8px;border-top-width:6px;border-bottom-width:6px;border-bottom-color:#fff;}
.sub>dl{display:none;}
.sub>dl dd{padding: 10px 19px;background-color: #fff;font-size:16px;line-height:1.6;}
.sub>dl dd .mobile-navbtn{position:absolute;top:8px;right:15px;display:none;margin:auto;width:20px;height:20px;font-size:20px;transition:.3s;}
.sub>dl dd .mobile-navbtn.open{transform:rotate(90deg);}
.sub>dl dd .mobile-navbtn:after{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10px;height:10px;border-right:2px solid #333;border-bottom:2px solid #333;content:'';transform:rotate(45deg);}
.sub>dl dd .small_img{display:inline-block;overflow:hidden;width:48px;height:48px;border-radius:50%;vertical-align:middle;}
.sub>dl dd .text{display:inline-block;color:#535353;vertical-align:middle;}
.sub>dl dd:hover .text{color: #0364e7;}
.sub>dl dd:hover{background-color: #fff;}
.sub>dl dd .t-menu{position:absolute;top:0;left:101%;display:none;background-color:#fff;}
.sub>dl dd .t-menu li{box-sizing:border-box;margin:0;padding: 0px 20px;line-height:40px;}
.sub>dl dd .t-menu li a{display:block;}
.sub>dl dd .t-menu li a:hover{color: #0364e7;}
.sub>dl a{color:#333;white-space:nowrap;}
.scrollHead{position:fixed;top:0;z-index:100;background-color: #fff;}
#showopen .top_search .search_con2{opacity:1;transform:scale3d(1,1,1);}
#showopen .head .navBar{opacity:0;transform:scale3d(0,0,0);}
#showopen .head .top_search img{opacity:0;}
.M_search{position:fixed;top:0;z-index:100;display:none;box-sizing:border-box;width:100%;height:58px;background-color:red;}
.M_search .mInp1{box-sizing:border-box;padding:10px;padding-right:74px;width:100%;height:100%;outline:0;border:0;color:#666;font-size:15px;}
.M_search .mInp1::placeholder{color:#999;}
.M_search .m_search_btn{position:absolute;top:0;right:0;width:80px;height:100%;outline:0;border:0;background-color: #607eff;text-align:center;cursor:pointer;}
.M_search .m_search_btn img{display:inline-block;}
.footer{padding-top:60px;background: #192136;color:#fff;}
.footer .foot-l{/* width:24%; */}
.footer .foot-l .ftel{display: inline-block;vertical-align: middle;}
.footer .foot-l .tex{display: inline-block;vertical-align: middle;margin-left: 8px;}
.footer .foot-l .tex span{
    display: block;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #ffffff;
}
.footer .foot-l .tex b{display: block;font-weight: normal;font-size: 36px;letter-spacing: 1px;line-height: 30px;color: #ffffff;font-family: "Bebas Neue";margin-top: 8px;}
.footer .foot-l p{margin-top:20px;font-size: 14px;letter-spacing: 0px;line-height: 26px;color: #767a83;}
.footer .foot-r{box-sizing:border-box;width: 62%;}
.footer .foot-r dl{float:left;width: 19%;}
.footer .foot-r dl.pro{
    width: 20%;
}
.footer .foot-r dl.pro ul{
    width: 50%;
    float: left;
}
.footer .foot-r dl.ewmbox{text-align: center;float: right;width: auto;}
.footer .foot-r dl dt{margin-bottom:20px;font-size: 16px;letter-spacing: 0px;line-height: 26px;color: #ffffff;font-weight: bold;}
.footer .foot-r dl dd{overflow:hidden;}
.footer .foot-r dl.pro dd{}
.footer .foot-r dl dd a{font-size: 14px;letter-spacing: 0px;line-height: 26px;color: #767a83;}
.footer .foot-r dl dd a:hover{color: #0364e7;}
.footer .f-link a:hover,.footer .foot-r dl dd a:hover{color:#0364e7;}
.footer .foot-r dl dd img{display:inline-block;vertical-align:middle;}
.footer .foot-r dl dd span{float:right;display:inline-block;box-sizing:border-box;width:90%;color:#fff;vertical-align:top;font-size:14px;font-family:Archivo;line-height:20px;}
.footer .foot-r dl .fx{margin-top:30px;padding-left:40px;}
.footer .foot-r dl .fx a{display:inline-block;margin-right:26px;}
.footer .f-link{margin-top:50px;padding: 14px 0;font-size: 14px;letter-spacing: 0px;line-height: 26px;color: #767a83;}
.footer .f-link a{/*padding: 0 20px;*/font-size: 14px;letter-spacing: 0px;line-height: 26px;color: #767a83;margin: 0 5px;}
.copy{padding: 24px 0;background-color: #262E43;color:#fff;font-size:16px;font-family:Archivo;line-height:20px;font-size: 14px;letter-spacing: 0px;line-height: 26px;color: #767a83;}
.copy .copy-l a{font-size: 14px;
letter-spacing: 0px;
line-height: 26px;
color: #767a83;display: inline-block;margin-left: 24px;vertical-align: middle;}
.copy .copy-r span{margin-left: 10px;}
